:root {
  // 主题颜色
  --theme-primary: #3b82f6;
  --accent-color-rgb: 59, 130, 246;
  --theme-secondary: #1e40af;
  --theme-success: #67c23a;
  --theme-warning: #e6a23c;
  --theme-danger: #f56c6c;
  --theme-info: #909399;

  // Light theme
  --bg-primary: #ffffff;
  --bg-secondary: #f5f5f5;
  --text-primary: #333333;
  --text-secondary: #666666;
  --accent-color: var(--theme-primary);
  --border-color: #e0e0e0;
  --card-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
  
  // Common variables
  --border-radius: 12px;
  --transition-speed: 0.3s;
  --header-height: 70px;
}

[data-theme='dark'] {
  --bg-primary: #1a1a1a;
  --bg-secondary: #2d2d2d;
  --text-primary: #ffffff;
  --text-secondary: #cccccc;
  --border-color: #404040;
  --card-shadow: 0 4px 6px rgba(0, 0, 0, 0.3);
}

// 预定义主题
.theme-green {
  --theme-primary: #42b883;
  --theme-secondary: #35495e;
}

.theme-blue {
  --theme-primary: #409eff;
  --theme-secondary: #2c3e50;
}

.theme-purple {
  --theme-primary: #9c27b0;
  --theme-secondary: #673ab7;
} 